<template>
	<view class="bg-video">
		<!-- <video
			id="video"
			autoplay="true"
			muted="true"
			loop="loop" 
			src="http://bpic.588ku.com/video_listen/588ku_video/21/06/07/17/29/43/video60bde707a7722.mp4"></video> -->
		<swiper class="screen-swiper" :indicator-dots="true" :circular="true"
		 :autoplay="true" interval="2000" duration="10">
			<swiper-item v-for="(item,index) in swiperList" :key="index">
				<image class="bg-sw-img" :src="item.url" mode="aspectFill"></image>
			</swiper-item>
		</swiper>
		<view class="middle flex flex-direction justify-center">
			<view style="height: 100px; line-height: 100px;" class="margin-lg bg-main round text-xxl text-center">
				<text>共享课房</text>
			</view>
		</view>
		<view class="cover">
			
		</view>
		
	</view>
</template>

<script>
	export default {
		data: function() {
			return {
				state: {},
				version: "",
				swiperList: [
					{
						url: "https://bpic.588ku.com//back_origin_min_pic/23/04/18/13cc141b6db9229efd15011b21a700cd.jpg"
					},
					{
						url: "https://bpic.588ku.com/photo_water_img/24/03/20/3ad77e721da4a71f22e97edda1521a38.jpg"
					},
					{
						url: "https://bpic.588ku.com/back_origin_min_pic/19/10/22/f4dfb3da8adf0923f896025660fb1cf2.jpg"
					},
					{
						url: "https://bpic.588ku.com/photo_water_img/24/03/20/8f795f95ad0c87bdbd7c3eae726cb265.jpg"
					},
					{
						url: "https://bpic.588ku.com/back_origin_min_pic/24/03/23/a0a2d693256f8dc0cea8a84c96d307a6.jpg"
					},
					{
						url: "https://bpic.588ku.com/photo_water_img/24/03/20/13f5d7bd0952478c372313d51beeaa2d.jpg"
					},
					{
						url: "https://bpic.588ku.com/back_origin_min_pic/23/04/19/b5be890756c7db65042400c90f00aee2.jpg"
					},
					{
						url: "https://bpic.588ku.com/back_origin_min_pic/23/04/19/4f5fab93627d3bf5f58c8b2171ffdd2f.jpg"
					},
					{
						url: "https://bpic.588ku.com/back_origin_min_pic/23/08/15/bdeabc9075387487f978f9377925efb8.jpg"
					},
					{
						url: "https://bpic.588ku.com/back_origin_min_pic/23/04/19/539fe4457367af0261956061c0d6fcfe.jpg"
					},
					{
						url: "https://bpic.588ku.com/back_origin_min_pic/23/08/15/5e0b7166c8e490167a092615a81f5302.jpg"
					},
					
				]
			};
		},
		onLoad:function() {
		},
		created: function(){
			this.state = {
				store: this.common.getAttribute("store")
			};
			// this.loadzixi();
			let accountInfo = uni.getAccountInfoSync();
			this.version = accountInfo.miniProgram.version;
		},
		methods: {
			loadzixi: function() {
				this.swiperList = [];
				this.swiperList.push("https://bpic.588ku.com//back_origin_min_pic/21/08/12/a431d385aac1d39b81eb61a77919cea7.jpg");
				this.swiperList.push("https://bpic.588ku.com//back_origin_min_pic/21/07/09/c7fe2748a135a54a2c331fbf89fabc4c.jpg");
				this.swiperList.push("https://bpic.588ku.com//back_origin_min_pic/23/04/21/ddf4058944a7cdd9774cd5e46f34a0f5.jpg");
				this.swiperList.push("https://bpic.588ku.com//back_origin_min_pic/23/04/19/e839bdbedb7821e5cb0ab5302871afa9.jpg");
				
			}
		}
	}
</script>

<style scoped>
	.bg-video {
		position: fixed;
		left: 0;
		top: 0;
		z-index: -1;
	}
	.bg-sw-img {
		width: 100vw;
		height: 100vh;
		top: 0;
	}
	.screen-swiper { 
		width: 100vw;
		height: 100vh;
	}
	.bg-video .video {
		transform: scale(1.7, 1.7);
		width: 100vw;
		height: 100vh;
		position: absolute;
		left: 0;
		top: 0;
	}
	.bg-video .cover {
		background-color: rgba(255,255,255, 0.85);
		position: absolute;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
	}
	
	.bg-video .middle {
		position: absolute;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
	}
</style>
